.index .inBanner { width: 100%; /*background: url(../images/index/banner.jpg) no-repeat center/cover;*/ overflow: hidden; }
.index .inBanner .baSwiper { width: 100%; height: 100%; }
.index .inBanner img { width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; transform: translateZ(0); }

.banner { width: 100%; font-size: 0; overflow: hidden; }
.banner img { max-width: 100%; }

.wrap { width: 100%; margin-top: 100px; position: relative; }
.wrap .index .page1 { background: #e4f0f6; padding: 50px 0; }
.wrap .index .page1 .mask { position: relative; }
.wrap .index .page1 .mask .xinPrev { left: -5%; background: url(../images/lefts.png) no-repeat center; width: 48px; height: 48px; margin-top: -24px; transform: rotate(180deg); }
.wrap .index .page1 .mask .xinNext { right: -5%; background: url(../images/lefts.png) no-repeat center; width: 48px; height: 48px; margin-top: -24px; }
.wrap .index .page1 .top .left { float: left; width: 49%; height: 280px; position: relative; font-size: 0; overflow: hidden; }
.wrap .index .page1 .top .left img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; transform: translateZ(0); display: none; }
.wrap .index .page1 .top .left .contain { width: 89%; height: 100%; margin: 0 auto; display: table; position: relative; z-index: 2; }
.wrap .index .page1 .top .left .contain .cell { display: table-cell; vertical-align: middle; }
.wrap .index .page1 .top .left .contain .cell .cellTop { width: 100%; }
.wrap .index .page1 .top .left .contain .cell .cellTop p { position: relative; }
.wrap .index .page1 .top .left .contain .cell .cellTop p span { font: normal 24px 'microsoft yahei'; color: #ffffff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap .index .page1 .top .left .contain .cell .cellTop p a { font: normal 12px 'microsoft yahei'; color: #ffffff; position: absolute; right: 0; top: 50%; margin-top: -6px; }
.wrap .index .page1 .top .left .contain .cell .cellTop p a:hover { font-weight: bolder; }
.wrap .index .page1 .top .left .contain .cell .cellNav { width: 100%; margin-top: 18px; }
.wrap .index .page1 .top .left .contain .cell .cellNav p { font: normal 12px/24px 'microsoft yahei'; color: #ffffff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.wrap .index .page1 .top .left .contain .cell .cellBot { width: 100%; }
.wrap .index .page1 .top .left .contain .cell .cellBot ul li { height: 45px; }
.wrap .index .page1 .top .left .contain .cell .cellBot ul li a { display: block; width: 100%; height: 100%; font: normal 14px/45px 'microsoft yahei'; color: #ffffff; text-indent: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; transition: all .3s ease; }
.wrap .index .page1 .top .left .contain .cell .cellBot ul li a:after { display: block; content: ''; position: absolute; width: 7px; height: 11px; top: 50%; margin-top: -5.5px; right: 19px; background: url(../images/index/right.png) no-repeat right center; transition: all .3s ease; }
.wrap .index .page1 .top .left .contain .cell .cellBot ul li:hover a { text-indent: 42px; }
.wrap .index .page1 .top .left .contain .cell .cellBot ul li.cur a { text-indent: 45px; color: #de4443; background: rgba(255, 255, 255, 0.9); }
.wrap .index .page1 .top .left .contain .cell .cellBot ul li.cur a:after { background-position: left center; }
.wrap .index .page1 .top .left:hover img { transform: scale(1.1); }
.wrap .index .page1 .top .right { float: right; width: 51%; height: 280px; position: relative; background: #ffffff; box-sizing: border-box; /*&:hover {
	.lines1 { width: 100%; }
	.lines2 { height: 100%; }
	.lines3 { width: 100%; }
	.lines4 { height: 100%; }
}*/ }
.wrap .index .page1 .top2 .left .contain .cell .cellBot ul li a:after { background: url(../images/index/right1.png) no-repeat right center; }
.wrap .index .page1 .top2 .left .contain .cell .cellBot ul li.cur a { color: #0083d5; }


.wrap .index .page1 .top .right .contain { display: table; width: 89%; height: 100%; margin-left: 7%; }
.wrap .index .page1 .top .right .contain .cell { display: table-cell; vertical-align: middle; }
.wrap .index .page1 .top .right .contain .cell .cellTop p { position: relative; }
.wrap .index .page1 .top .right .contain .cell .cellTop p span { font: normal 24px 'microsoft yahei'; color: #333333; }
.wrap .index .page1 .top .right .contain .cell .cellTop p em { font: normal 18px 'microsoft yahei'; color: #dddddd; position: absolute; bottom: 0; padding-left: 15px; }
.wrap .index .page1 .top .right .contain .cell .cellNav { margin-top: 42px; }
.wrap .index .page1 .top .right .contain .cell .cellNav .nTab { display: none; }
.wrap .index .page1 .top .right .contain .cell .cellNav .nTab a { display: block; width: 100%; height: 100%; }
.wrap .index .page1 .top .right .contain .cell .cellNav .nTab a p.pL { width: 21%; float: left; }
.wrap .index .page1 .top .right .contain .cell .cellNav .nTab a p.pL img { max-width: 100%; max-height: 100%; }
.wrap .index .page1 .top .right .contain .cell .cellNav .nTab a p.pR { width: 66%; float: right; }
.wrap .index .page1 .top .right .contain .cell .cellNav .nTab a p.pR span { font: normal 16px 'microsoft yahei'; color: #de4443; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap .index .page1 .top .right .contain .cell .cellNav .nTab a p.pR em { padding-top: 15px; font: normal 14px/24px 'microsoft yahei'; color: #888888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.wrap .index .page1 .top .right .contain .cell .cellBot { position: relative; margin-top: 35px; height: 20px; }
.wrap .index .page1 .top .right .contain .cell .cellBot a { font: normal 14px 'microsoft yahei'; color: #888888; position: absolute; right: 0; top: 0; transition: all .3s ease; }
.wrap .index .page1 .top .right .contain .cell .cellBot a:hover { font-weight: bolder; }
.wrap .index .page1 .top .right .lines1 { position: absolute; width: 0; height: 1px; left: 0; bottom: 0; background: #00a0e9; transition: all .5s ease; }
.wrap .index .page1 .top .right .lines2 { position: absolute; width: 1px; height: 0; right: 0; bottom: 0; background: #00a0e9; transition: all .3s ease .5s; }
.wrap .index .page1 .top .right .lines3 { position: absolute; width: 0; height: 1px; right: 0; top: 0; background: #00a0e9; transition: all .5s ease .8s; }
.wrap .index .page1 .top .right .lines4 { position: absolute; width: 1px; height: 0; left: 0; top: 0; background: #00a0e9; transition: all .3s ease 1.3s; }
.wrap .index .page1 .top2 .right .contain .cell .cellNav .nTab a p.pR span { color: #0084d6; }
.wrap .index .page1 .cen { margin-top: 40px; }
.wrap .index .page1 .cen .cNav { float: left; width: 23.5%; height: 300px; margin-right: 2%; background: #376fc7; position: relative; /*&:hover {
	.lines1 { width: 100%; }
	.lines2 { height: 100%; }
	.lines3 { width: 100%; }
	.lines4 { height: 100%; }
}*/ }
.wrap .index .page1 .cen .cNav .contain { width: 81%; margin: 0 auto; }
.wrap .index .page1 .cen .cNav .contain .cnTop { margin-bottom: 25px; }
.wrap .index .page1 .cen .cNav .contain .cnTop p { position: relative; padding-top: 25px; }
.wrap .index .page1 .cen .cNav .contain .cnTop p span { font: normal 24px 'microsoft yahei'; color: #ffffff; }
.wrap .index .page1 .cen .cNav .contain .cnTop p a { font: normal 12px 'microsoft yahei'; color: #ffffff; float: right; padding-top: 5px; transition: all .3s ease; }
.wrap .index .page1 .cen .cNav .contain .cnTop p a:hover { font-weight: bolder; }
.wrap .index .page1 .cen .cNav .contain .cnNews ul li { padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.wrap .index .page1 .cen .cNav .contain .cnNews ul li a { display: block; }
.wrap .index .page1 .cen .cNav .contain .cnNews ul li a span { font: normal 14px/22px 'microsoft yahei'; color: #ffffff; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;*/ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
.wrap .index .page1 .cen .cNav .contain .cnNews ul li a em { display: block; font: normal 12px 'microsoft yahei'; color: #ffffff; opacity: .6; padding-top: 10px; }
.wrap .index .page1 .cen .cNav .contain .cnNews ul li a:hover span { text-decoration: underline; }
.wrap .index .page1 .cen .cNav .contain .cnNews ul li:last-child { border-bottom: 0; }
.wrap .index .page1 .cen .cNav .contain .cnAbout p { font: normal 14px/24px 'microsoft yahei'; color: #ffffff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.wrap .index .page1 .cen .cNav .contain .cnCase a { display: block; font: normal 14px 'microsoft yahei'; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; transition: all .3s ease; }
.wrap .index .page1 .cen .cNav .contain .cnCase a:hover { text-decoration: underline; }
.wrap .index .page1 .cen .cNav .lines1 { position: absolute; width: 0; height: 1px; left: 0; bottom: 0; background: #de4443; transition: all .5s ease; }
.wrap .index .page1 .cen .cNav .lines2 { position: absolute; width: 1px; height: 0; right: 0; top: 0; background: #de4443; transition: all .5s ease; }
.wrap .index .page1 .cen .cNav .lines3 { position: absolute; width: 0; height: 1px; right: 0; top: 0; background: #de4443; transition: all .5s ease; }
.wrap .index .page1 .cen .cNav .lines4 { position: absolute; width: 1px; height: 0; left: 0; bottom: 0; background: #de4443; transition: all .5s ease; }
.wrap .index .page1 .cen .cNav:nth-child(4n) { margin-right: 0; }
.wrap .index .page1 .cen .cNav:nth-child(2) { background: url(../images/index/bg1.jpg) no-repeat center/cover; }
.wrap .index .page1 .cen .cNav:nth-child(3) { background: url(../images/index/bg2.jpg) no-repeat center/cover; }
.wrap .index .page1 .cen .cNav:nth-child(4) { background: url(../images/index/bg3.jpg) no-repeat center/cover; }
.wrap .mainLeft { float: left; width: 21.67%; background: #46a1da; }
.wrap .mainLeft .top { width: 100%; font-size: 0; }
.wrap .mainLeft .top img { max-width: 100%; }
.wrap .mainLeft .cen { margin-top: 15px; }
.wrap .mainLeft .cen ul { width: 66.2%; margin-left: 13%; }
.wrap .mainLeft .cen ul li { width: 100%; }
.wrap .mainLeft .cen ul li a { display: block; font: normal 16px 'microsoft yahei'; color: #bbddf3; text-indent: 5px; transition: all .3s ease; padding: 17px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.wrap .mainLeft .cen ul li p { display: none; }
.wrap .mainLeft .cen ul li p a { font: normal 14px 'microsoft yahei'; color: #f6fbff; margin-top: 20px; padding-bottom: 0; border-bottom: 0; }
.wrap .mainLeft .cen ul li p a span { display: block; width: 19px; height: 19px; float: left; }
.wrap .mainLeft .cen ul li p a em { display: block; margin-left: 25px; }
.wrap .mainLeft .cen ul li p a:last-child { margin-bottom: 28px; }
.wrap .mainLeft .cen ul li:hover a { color: #f6fbff; font-weight: bold; }
.wrap .mainLeft .cen ul li.cur a { color: #f6fbff; font-weight: bold; }
.wrap .mainLeft .cen ul li.cur p { display: block; }
.wrap .mainLeft .cen ul li.cur p a { font-weight: normal; }
.wrap .mainLeft .cen ul li.cur p a.aNav { font-weight: bold; }
.wrap .mainLeft .cen ul li:last-child { border-bottom: 0; }
.wrap .mainRight { float: right; width: 75.25%; }
.wrap .mainRight .crumbs { padding: 20px 0; }
.wrap .mainRight .crumbs p a { font: normal 14px 'microsoft yahei'; color: #888888; }
.wrap .mainRight .crumbs p span { font: normal 14px 'microsoft yahei'; color: #888888; }
.wrap .about { background: #e4f0f6; }
.wrap .about .contain { padding: 20px 0; }
.wrap .about .rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; }
.wrap .about .rightTop p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
.wrap .about .page1 { position: relative; }
.wrap .about .page1 .cen { padding-top: 25px; padding-right: 5%; }
.wrap .about .page1 .cen p span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; text-indent: 2em; }
.wrap .about .page1 .cen ul { padding-top: 15px; }
.wrap .about .page1 .cen ul li h3 { font: bold 14px 'microsoft yahei'; color: #666666; }
.wrap .about .page1 .cen ul li em { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; }
.wrap .about .page1 .cen ul li span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; text-indent: 2em; padding-top: 15px; }
.wrap .about .page1 .bot { margin-top: 28px; }
.wrap .about .page1 .bot ul li { float: left; width: 33.33%; }
.wrap .about .page1 .bot ul li p { font-size: 0; height: 248px; background: #f6fbff; overflow: hidden; }
.wrap .about .page1 .bot ul li p img { max-width: 100%; max-height: 100%; object-fit: cover; transform: translateZ(0); transition: all .5s ease; }
.wrap .about .page1 .bot ul li p span { display: table; width: 100%; height: 100%; position: relative; transition: all .5s ease; }
.wrap .about .page1 .bot ul li p span em { display: table-cell; vertical-align: middle; font: normal 20px 'microsoft yahei'; color: #333333; text-align: center; }
.wrap .about .page1 .bot ul li p span em i { display: block; padding-top: 15px; }
.wrap .about .page1 .bot ul li p span:after { display: block; content: ''; position: absolute; width: 14px; left: 50%; margin-left: -7px; height: 7px; top: 42px; background: url(../images/about/t.png) no-repeat center; transition: all .5s ease; }
.wrap .about .page1 .bot ul li:hover p img { transform: scale(1.1); }
.wrap .about .page1 .bot ul li:hover p span:after { top: 35px; }
.wrap .about .page1 .bot ul li:nth-child(2) p span:after { bottom: 42px; top: auto; transform: rotate(180deg); }
.wrap .about .page1 .bot ul li:nth-child(2):hover p span:after { bottom: 35px; }
.wrap .about .page2 { position: relative; padding-top: 55px; }
.wrap .about .page2 .cen { margin-top: 20px; }
.wrap .about .page2 .cen p { text-align: center; }
.wrap .about .page2 .cen p img { max-width: 100%; }
.wrap .about .page2 .cen p span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; text-align: left; text-indent: 2em; margin-bottom: 15px; }
.wrap .about .page3 { position: relative; }
.wrap .about .page3 .cen { margin: 30px 0; }
.wrap .about .page3 .cen ul { position: relative; height: 586px; }
.wrap .about .page3 .cen ul li { width: 200px; height: 200px; background: #ffffff; transform: rotate(45deg); position: absolute; }
.wrap .about .page3 .cen ul li span { display: block; width: 100%; height: 100%; font-size: 0; text-align: center; transform: rotate(-45deg); }
.wrap .about .page3 .cen ul li span em { display: inline-block; width: 1px; height: 100%; line-height: 100%; margin-left: -1px; vertical-align: middle; }
.wrap .about .page3 .cen ul li span img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .about .page3 .cen ul li:nth-child(1) { top: 50px; left: 195px; }
.wrap .about .page3 .cen ul li:nth-child(2) { top: 50px; left: 495px; }
.wrap .about .page3 .cen ul li:nth-child(3) { top: 200px; left: 40px; }
.wrap .about .page3 .cen ul li:nth-child(4) { top: 200px; left: 345px; background: #46a1da; }
.wrap .about .page3 .cen ul li:nth-child(5) { top: 200px; left: 650px; }
.wrap .about .page3 .cen ul li:nth-child(6) { top: 350px; left: 195px; }
.wrap .about .page3 .cen ul li:nth-child(7) { top: 350px; left: 495px; background: #b8d0e0; }
.wrap .about .page3 .bot { font-size: 0; display: none; }
.wrap .about .page3 .bot img { max-width: 100%; }
.wrap .about #page1 { position: absolute; top: -100px; left: 0; }
.wrap .about #page2 { position: absolute; top: -50px; left: 0; }
.wrap .about #page3 { position: absolute; top: -100px; left: 0; }
.wrap .product { background: #e4f0f6; }
.wrap .product .contain { padding: 20px 0; }
.wrap .product .rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; }
.wrap .product .rightTop p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
.wrap .product .page1 .top { display: table; }
.wrap .product .page1 .top .left { display: table-cell; vertical-align: middle; width: 75%; }
.wrap .product .page1 .top .left p { font: normal 20px 'microsoft yahei'; color: #333333; }
.wrap .product .page1 .top .left span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #888888; margin-top: 30px; }
.wrap .product .page1 .top .right { display: table-cell; vertical-align: middle; width: 25%; text-align: right; }
.wrap .product .page1 .top .right img { max-width: 100%; }
.wrap .product .page1 .cen img { padding: 15px; }
.wrap .product .page2 { margin-top: 55px; padding-bottom: 70px; }
.wrap .product .page2 .cen ul li { margin-top: 20px; float: left; width: 23.5%; margin-right: 2%; }
.wrap .product .page2 .cen ul li a { display: block; width: 100%; height: 100%; }
.wrap .product .page2 .cen ul li a p { display: block; overflow: hidden; font-size: 0; }
.wrap .product .page2 .cen ul li a p.pt { height: 150px; text-align: center; border: 2px solid #76c2ea; box-sizing: border-box; }
.wrap .product .page2 .cen ul li a p.pt span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .product .page2 .cen ul li a p.pt img { display: inline-block; /*max-width: 100%; max-height: 100%;*/ width: 100%; height: 100%; object-fit: cover; line-height: 100%; vertical-align: middle; transition: all .3s ease; transform: translateZ(0px); }
.wrap .product .page2 .cen ul li a p.pb span { display: block; width: 100%; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; padding-top: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
.wrap .product .page2 .cen ul li a p.pb em { display: block; width: 100%; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
.wrap .product .page2 .cen ul li a:hover p.pt img { transform: scale(1.1); }
.wrap .product .page2 .cen ul li a:hover p.pb span { color: #0093d7; }
.wrap .product .page2 .cen ul li a:hover p.pb em { color: #0093d7; }
.wrap .product .page2 .cen ul li:nth-child(4n) { margin-right: 0; }
.wrap .proDetail { background: #e4f0f6; }
.wrap .proDetail .contain { padding: 20px 0; }
.wrap .proDetail .page1 { padding-bottom: 60px; border-bottom: 1px solid #c6c6c6; }
.wrap .proDetail .page1 .top p { font: normal 24px 'microsoft yahei'; color: #000000; padding-bottom: 20px; border-bottom: 1px solid #c6c6c6; position: relative; }
.wrap .proDetail .page1 .top p:after { display: block; content: ''; width: 60px; height: 2px; position: absolute; left: 0; bottom: -1px; background: #000000; }
.wrap .proDetail .page1 .cen { margin-top: 25px; }
.wrap .proDetail .page1 .cen .left { float: left; width: 58.5%; font: normal 14px/26px 'microsoft yahei'; color: #666; }
.wrap .proDetail .page1 .cen .left em { display: block; font: normal 14px 'microsoft yahei'; color: #46a1da; }
.wrap .proDetail .page1 .cen .left p { display: block; /*margin-top: 25px;*/ font: normal 14px/26px 'microsoft yahei'; color: #666666; }
.wrap .proDetail .page1 .cen .left img { padding: 30px; padding-left: 0; max-width: 100%; }
/*.wrap .proDetail .page1 .cen .left span { display: block; font: bold 14px/26px 'microsoft yahei'; color: #666666; margin-top: 25px; }
.wrap .proDetail .page1 .cen .left i { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; }*/
.wrap .proDetail .page1 .cen .right { float: right; width: 37.2%; }
.wrap .proDetail .page1 .cen .right img { max-width: 100%; }
.wrap .proDetail .page1 embed { max-width: 100%; }
.wrap .proDetail .page2 { padding: 40px 0 90px; }
.wrap .proDetail .page2 .top p { width: 150px; height: 40px; background: #00a0e9; font: normal 16px/40px 'microsoft yahei'; color: #ffffff; text-align: center; }
.wrap .proDetail .page2 .cen { padding: 25px 0 15px 0; font: normal 14px/26px 'microsoft yahei'; color: #666666; }
.wrap .proDetail .page2 .cen img { padding: 30px; padding-left: 0; }
/*.wrap .proDetail .page2 .cen p { font: normal 16px 'microsoft yahei'; color: #00a0e9; padding: 25px 0 15px; }
.wrap .proDetail .page2 .cen span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; }*/
.wrap .proDetail .page2 .bot { margin-top: 45px; }
.wrap .proDetail .page2 .bot a { display: block; width: 148px; height: 38px; font: normal 14px/38px 'microsoft yahei'; color: #00a0e9; text-align: center; border: 1px solid #00a0e9; transition: all .3s ease; }
.wrap .proDetail .page2 .bot a:hover { color: #ffffff; background: #00a0e9; }
.wrap .case { background: #e4f0f6; }
.wrap .case .contain { padding: 20px 0; }
.wrap .case .rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; }
.wrap .case .rightTop p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
.wrap .case .page2 { padding-bottom: 70px; }
.wrap .case .page2 .cen ul li { margin-top: 20px; float: left; width: 32%; margin-right: 2%; }
.wrap .case .page2 .cen ul li a { display: block; width: 100%; height: 100%; }
.wrap .case .page2 .cen ul li a p { display: block; overflow: hidden; font-size: 0; }
.wrap .case .page2 .cen ul li a p.pt { height: 201px; text-align: center; }
.wrap .case .page2 .cen ul li a p.pt span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .case .page2 .cen ul li a p.pt img { display: inline-block; /*max-width: 100%; max-height: 100%;*/ width: 100%; height: 100%; object-fit: cover; line-height: 100%; vertical-align: middle; transition: all .3s ease; transform: translateZ(0px); }
.wrap .case .page2 .cen ul li a p.pb span { display: block; width: 100%; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; padding-top: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
.wrap .case .page2 .cen ul li a p.pb em { display: block; width: 100%; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
.wrap .case .page2 .cen ul li a:hover p.pt img { transform: scale(1.1); }
.wrap .case .page2 .cen ul li a:hover p.pb span { color: #0093d7; }
.wrap .case .page2 .cen ul li a:hover p.pb em { color: #0093d7; }
.wrap .case .page2 .cen ul li:nth-child(3n) { margin-right: 0; }
.wrap .caseDetail { background: #e4f0f6; }
.wrap .caseDetail .contain { padding: 20px 0; }
.wrap .caseDetail .page1 { padding-bottom: 60px; border-bottom: 1px solid #c6c6c6; }
.wrap .caseDetail .page1 .top p { font: normal 24px 'microsoft yahei'; color: #0093d7; padding-bottom: 20px; border-bottom: 1px solid #c6c6c6; position: relative; }
.wrap .caseDetail .page1 .top p:after { display: block; content: ''; width: 60px; height: 2px; position: absolute; left: 0; bottom: -1px; background: #0093d7; }
.wrap .caseDetail .page1 .cen { margin-top: 35px; position: relative; }
.wrap .caseDetail .page1 .cen .left { width: 50%; }
.wrap .caseDetail .page1 .cen .img1 { position: absolute; top: 0; right: 0; width: 48%; }
.wrap .caseDetail .page1 .cen .p1 { font: normal 24px 'microsoft yahei'; color: #333333; }
.wrap .caseDetail .page1 .cen .span1 { display: block; font: normal 16px/26px 'microsoft yahei'; color: #00a0e9; padding-top: 25px; }
.wrap .caseDetail .page1 .cen .em1 { display: block; font: bold 14px 'microsoft yahei'; color: #333333; margin-top: 35px; }
.wrap .caseDetail .page1 .cen .i1 { display: block; font: normal 14px 'microsoft yahei'; color: #666666; padding-top: 5px; }
.wrap .caseDetail .page1 .cen .p2 { font: normal 14px/26px 'microsoft yahei'; color: #666666; text-indent: 2em; }
.wrap .caseDetail .page1 .cen .img2 { margin-top: 50px; max-width: 100%; }
.wrap .caseDetail .page1 .cen img { padding: 30px; padding-left: 0; max-width: 100%; }
.wrap .caseDetail .page1 .bot { margin-top: 45px; }
.wrap .caseDetail .page1 .bot a { display: block; width: 148px; height: 38px; font: normal 14px/38px 'microsoft yahei'; color: #00a0e9; text-align: center; border: 1px solid #00a0e9; transition: all .3s ease; }
.wrap .caseDetail .page1 .bot a:hover { color: #ffffff; background: #00a0e9; }
.wrap .news { background: #e4f0f6; }
.wrap .news .contain { padding: 20px 0; }
.wrap .news .rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; }
.wrap .news .rightTop p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
.wrap .news .page1 { padding-bottom: 70px; }
.wrap .news .page1 .cen ul li { padding: 20px 0; border-bottom: 1px solid #c6c6c6; }
.wrap .news .page1 .cen ul li a { display: table; width: 100%; height: 120px; }
.wrap .news .page1 .cen ul li a p { display: table-cell; vertical-align: middle; }
.wrap .news .page1 .cen ul li a p.plImg { width: 20%; height: 100%; position: relative; border: 2px solid #76c2ea; box-sizing: border-box; text-align: center; font-size: 0; }
.wrap .news .page1 .cen ul li a p.plImg span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
.wrap .news .page1 .cen ul li a p.plImg img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.wrap .news .page1 .cen ul li a p.plImg em { display: block; position: absolute; width: 72px; height: 20px; background: #00afff; position: absolute; right: 0; bottom: 19%; font: normal 12px/20px 'microsoft yahei'; color: #ffffff; text-align: center; }
.wrap .news .page1 .cen ul li a p.pl { display: none; }
.wrap .news .page1 .cen ul li a p.pr { width: 80%; }
.wrap .news .page1 .cen ul li a p.pr span { display: block; width: 95%; margin-left: 5%; font: normal 16px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
.wrap .news .page1 .cen ul li a p.pr em { display: -webkit-box; width: 95%; margin-left: 5%; font: normal 14px/26px 'microsoft yahei'; color: #646464; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding-top: 18px; }
.wrap .news .page1 .cen ul li a:hover p.pr span { color: #1574af; }
.wrap .news .page1 .cen ul li.noImg a p.plImg { display: none; }
.wrap .news .page1 .cen ul li.noImg a p.pl { display: table-cell; width: 20%; height: 100%; box-sizing: border-box; border: 2px solid #76c2ea; text-align: center; }
.wrap .news .page1 .cen ul li.noImg a p.pl span { display: block; font: normal 36px 'Arial','microsoft yahei'; color: #46a1da; }
.wrap .news .page1 .cen ul li.noImg a p.pl em { display: block; width: 87px; height: 26px; background: #46a1da; font: normal 18px/26px 'Arial','microsoft yahei'; color: #ffffff; text-align: center; margin: 0 auto; }
.wrap .newsDetail { background: #e4f0f6; }
.wrap .newsDetail .contain { padding: 20px 0; }
.wrap .newsDetail .page1 { padding-bottom: 60px; }
.wrap .newsDetail .page1 .top p { font: normal 24px 'microsoft yahei'; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #c6c6c6; position: relative; }
.wrap .newsDetail .page1 .top p:after { display: block; content: ''; width: 100px; height: 2px; position: absolute; left: 0; bottom: -1px; background: #333333; }
.wrap .newsDetail .page1 .cen { margin-top: 35px; position: relative; padding-bottom: 60px; border-bottom: 1px solid #c6c6c6; }
.wrap .newsDetail .page1 .cen .spanTimes { display: block; font: normal 14px 'Arial'; color: #787878; padding-top: 25px; padding-bottom: 10px; }
.wrap .newsDetail .page1 .cen .p1 { font: normal 14px/26px 'microsoft yahei'; color: #666666; text-indent: 2em; }
.wrap .newsDetail .page1 .cen img { padding: 30px; padding-left: 0; }
.wrap .newsDetail .page1 .bot { margin-top: 15px; }
.wrap .newsDetail .page1 .bot a { display: block; width: 50%; float: left; font: normal 14px 'microsoft yahei'; color: #8c8c8c; transition: all .3s ease; }
.wrap .newsDetail .page1 .bot a span { font-weight: bold; color: #646464; transition: all .3s ease; }
.wrap .newsDetail .page1 .bot a:hover { color: #3399cc; }
.wrap .newsDetail .page1 .bot a:hover span { color: #3399cc; }
.wrap .newsDetail .page1 .bot a.aNext { text-align: right; }
.wrap .newsDetail .page1 .bot a.goBack { display: block; width: 148px; height: 38px; font: normal 14px/38px 'microsoft yahei'; color: #00a0e9; text-align: center; border: 1px solid #00a0e9; float: right; margin-top: 35px; }
.wrap .newsDetail .page1 .bot a.goBack:hover { color: #ffffff; background: #00a0e9; }
.wrap .join { background: #e4f0f6; }
.wrap .join .contain { padding: 20px 0; }
.wrap .join .rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; }
.wrap .join .rightTop p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
.wrap .join .page1 { padding-bottom: 70px; }
.wrap .join .page1 .cen { margin-top: 45px; }
.wrap .join .page1 .cen .left { float: left; display: table; width: 8.5%; height: 307px; background: url(../images/join/r.png) no-repeat center; }
.wrap .join .page1 .cen .left p { font: normal 20px 'microsoft yahei'; color: #333333; text-align: center; display: table-cell; vertical-align: middle; }
.wrap .join .page1 .cen .left span { display: none; font: normal 20px 'microsoft yahei'; color: #333333; text-align: center; }
.wrap .join .page1 .cen .right { float: right; width: 85%; }
.wrap .join .page1 .cen .right .rTop p { font: bold 14px 'microsoft yahei'; color: #333333; }
.wrap .join .page1 .cen .right .rCen ul { margin-top: 35px; }
.wrap .join .page1 .cen .right .rCen ul li p { font: bold 14px 'microsoft yahei'; color: #333333; }
.wrap .join .page1 .cen .right .rCen ul li span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #888888; }
.wrap .join .page1 .cen .right .rBot { margin-top: 45px; }
.wrap .join .page1 .cen .right .rBot a { display: block; width: 148px; height: 38px; font: normal 14px/38px 'microsoft yahei'; color: #00a0e9; text-align: center; border: 1px solid #00a0e9; transition: all .3s ease; }
.wrap .join .page1 .cen .right .rBot a:hover { color: #ffffff; background: #00a0e9; }
.wrap .contact { background: #e4f0f6; }
.wrap .contact .contain { padding: 20px 0; }
.wrap .contact .rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; }
.wrap .contact .rightTop p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
.wrap .contact .page1 { padding-bottom: 70px; }
.wrap .contact .page1 .cen { margin-top: 45px; }
.wrap .contact .page1 .cen .left { float: left; width: 80%; }
.wrap .contact .page1 .cen .left span { display: block; font: normal 14px 'microsoft yahei'; color: #666666; margin-top: 15px; }
.wrap .contact .page1 .cen .left span:nth-child(1) { background: url(../images/contact/icon1.png) no-repeat left center; padding-left: 35px; margin-top: 0; }
.wrap .contact .page1 .cen .left span:nth-child(2) { background: url(../images/contact/icon2.png) no-repeat left center; padding-left: 35px; }
.wrap .contact .page1 .cen .left span:nth-child(3) { background: url(../images/contact/icon3.png) no-repeat left center; padding-left: 35px; }
.wrap .contact .page1 .cen .left span:nth-child(4) { background: url(../images/contact/icon4.png) no-repeat left top; padding-left: 35px; }
.wrap .contact .page1 .cen .right { float: right; width: 16%; }
.wrap .contact .page1 .cen .right img { max-width: 100%; }
.wrap .contact .page1 .cen .right span { display: block; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; }
.wrap .contact .page1 .bot { margin-top: 55px; }
.wrap .downs { background: #e4f0f6; }
.wrap .downs .contain { padding: 20px 0; }
.wrap .downs .rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; }
.wrap .downs .rightTop p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
.wrap .downs .page1 { padding-bottom: 50px; }
.wrap .downs .page1 ul li { width: 100%; height: 50px; border-bottom: 1px solid #d9dbdc; }
.wrap .downs .page1 ul li a { display: block; width: 100%; height: 100%; font: normal 16px/50px 'microsoft yahei'; color: #666666; transition: all .3s ease; }
.wrap .downs .page1 ul li a i { display: block; float: left; width: 5%; font-family: 'Arial'; font-size: 20px; }
.wrap .downs .page1 ul li a em { display: block; width: 85%; float: left; transition: all .3s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap .downs .page1 ul li a span { color: #46a1da; display: block; float: right; width: 10%; text-align: right; transition: all .3s ease; }
.wrap .downs .page1 ul li a:hover { color: #00a0e9; }

@media screen and (max-width: 1294px) { .wrap .about .page3 .cen { display: none; }
  .wrap .about .page3 .bot { display: block; margin: 30px 0; } }
@media screen and (max-width: 1200px) { .wrap .about .page1 .bot ul li p { position: relative; }
  .wrap .about .page1 .bot ul li p img { position: absolute; top: 50%; transform: translateY(-50%); }
  .wrap .about .page1 .bot ul li p i img { position: relative; transform: translateY(0); } }
@media screen and (max-width: 1024px) { .wrap { margin-top: 80px; }
  .wrap .about .page1 .bot ul li p { height: 191px; }
  .wrap .about .page1 .bot ul li p img { position: relative; transform: translateY(0); top: 0; }
  .wrap .about .page1 .bot ul li p i img { position: relative; transform: translateY(0); }
  .wrap .mainLeft .cen ul { width: 80%; margin: 0 auto; }
  .wrap .case .page2 .cen ul li a p.pt { height: 156px; }
  .wrap .downs .page1 ul li a em { width: 80%; }
  .wrap .downs .page1 ul li a span { width: 15%; } }
@media screen and (max-width: 860px) { .wrap .index .page1 .top .right .contain .cell .cellNav .nTab a p.pR em { display: none; }
  .wrap .index .page1 .cen .cNav { width: 32%; margin-bottom: 20px; }
  .wrap .index .page1 .cen .cNav:nth-child(3n) { margin-right: 0; }
  .wrap .about .page1 .cen { padding-right: 0; }
  .wrap .about .page1 .bot ul li p { height: 191px; }
  .wrap .about .page1 .bot ul li p img { top: 0; transform: translateY(0); }
  .wrap .about .page1 .bot ul li p i img { position: relative; transform: translateY(0); }
  .wrap .news .page1 .cen ul li a p.plImg { width: 30%; }
  .wrap .news .page1 .cen ul li a p.pr { width: 70%; }
  .wrap .news .page1 .cen ul li.noImg a p.pl { width: 30%; }
  .wrap .newsDetail .page1 .bot a { float: none; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .wrap .newsDetail .page1 .bot a.aNext { text-align: left; margin-top: .5rem; }
  .wrap .newsDetail .page1 .bot a.goBack { margin: 0 auto; float: none; margin-top: 1rem; }
  .wrap .join .page1 .cen .left { width: 20%; }
  .wrap .join .page1 .cen .right { width: 80%; } }
@media screen and (max-width: 768px) { .wrap .index .page1 .top .left { width: 100%; }
  .wrap .index .page1 .top .right { width: 100%; }
  .wrap .index .page1 .top .right .contain .cell .cellNav .nTab a p.pR em { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  .wrap .index .page1 .cen .cNav { width: 49%; margin-bottom: 20px; }
  .wrap .index .page1 .cen .cNav:nth-child(3n) { margin-right: 2%; }
  .wrap .index .page1 .cen .cNav:nth-child(2n) { margin-right: 0; }
  .wrap .mainLeft { display: none; }
  .wrap .mainRight { width: 100%; }
  .wrap .about .page1 .bot ul li p { height: 138px; }
  .wrap .about .page1 .bot ul li p span em i { width: 80%; margin: 0 auto; padding-top: 0; }
  .wrap .about .page1 .bot ul li p span:after { top: 25px; }
  .wrap .about .page1 .bot ul li:nth-child(2) p span:after { bottom: 25px; }
  .wrap .product .page1 .top .left { width: 100%; }
  .wrap .product .page1 .top .right { display: none; }
  .wrap .product .page2 .cen ul li { width: 32%; }
  .wrap .product .page2 .cen ul li:nth-child(3n) { margin-right: 0; }
  .wrap .product .page2 .cen ul li:nth-child(4n) { margin-right: 2%; }
  .wrap .proDetail .page1 .cen .left { width: 100%; }
  .wrap .proDetail .page1 .cen .right { width: 100%; margin-top: 1rem; }
  .wrap .case .page2 .cen ul li a p.pt { height: 150px; }
  .wrap .newsDetail .page1 .bot a { float: left; }
  .wrap .newsDetail .page1 .bot a.goBack { float: left; } }
@media screen and (max-width: 680px) { .index .inBanner { background: none; }
  .index .inBanner img { display: block; width: 100%; }
  .wrap .about .page1 .bot ul li p { height: 138px; }
  .wrap .about .page1 .bot ul li p span em i { width: 80%; margin: 0 auto; padding-top: 0; }
  .wrap .about .page1 .bot ul li p span:after { top: 25px; }
  .wrap .about .page1 .bot ul li:nth-child(2) p span:after { bottom: 25px; }
  .wrap .case .page2 .cen ul li { width: 49%; }
  .wrap .case .page2 .cen ul li a p.pt { height: 201px; }
  .wrap .case .page2 .cen ul li:nth-child(3n) { margin-right: 2%; }
  .wrap .case .page2 .cen ul li:nth-child(2n) { margin-right: 0; }
  .wrap .caseDetail .page1 .cen .left { width: 100%; }
  .wrap .caseDetail .page1 .cen .img1 { position: relative; margin-bottom: 1rem; }
  .wrap .news .page1 .cen ul li { float: left; width: 100%; }
  .wrap .news .page1 .cen ul li a { height: auto; display: block; }
  .wrap .news .page1 .cen ul li a p { display: block; }
  .wrap .news .page1 .cen ul li a p.plImg { width: 100%; text-align: center; }
  .wrap .news .page1 .cen ul li a p.plImg em { display: none; }
  .wrap .news .page1 .cen ul li a p.pr { width: 100%; margin-top: 1rem; }
  .wrap .news .page1 .cen ul li a p.pr span { width: 100%; text-align: center; margin-left: 0; }
  .wrap .news .page1 .cen ul li a p.pr em { width: 100%; margin-left: 0; }
  .wrap .news .page1 .cen ul li.noImg a p { display: block; }
  .wrap .news .page1 .cen ul li.noImg a p.pl { display: block; width: 100%; }
  .wrap .contact .page1 .cen .left { width: 100%; }
  .wrap .contact .page1 .cen .right { display: none; }
  .wrap .downs .page1 ul li a em { width: 75%; }
  .wrap .downs .page1 ul li a span { width: 20%; } }
@media screen and (max-width: 480px) { .wrap { margin-top: 4rem; }
  .wrap .index .page1 { padding: 2rem 0; }
  .wrap .index .page1 .top .left { height: auto; }
  .wrap .index .page1 .top .left img { height: auto; position: relative; }
  .wrap .index .page1 .top .left .contain { position: absolute; top: 0; left: 5.5%; top: 50%; transform: translateY(-50%); }
  .wrap .index .page1 .top .left .contain .cell .cellBot ul li { float: left; width: 32%; margin-left: 2%; height: 2rem; }
  .wrap .index .page1 .top .left .contain .cell .cellBot ul li a { line-height: 2rem; text-align: center; }
  .wrap .index .page1 .top .left .contain .cell .cellBot ul li a:after { display: none; }
  .wrap .index .page1 .top .left .contain .cell .cellBot ul li:nth-child(1) { margin-left: 0; }
  .wrap .index .page1 .top .left .contain .cell .cellBot ul li.cur a { text-indent: 0; }
  .wrap .index .page1 .top .right { height: auto; padding: 1rem 0; }
  .wrap .index .page1 .top .right .contain .cell .cellNav { margin-top: 1rem; }
  .wrap .index .page1 .top .right .contain .cell .cellNav .nTab a p.pL { width: 100%; text-align: center; }
  .wrap .index .page1 .top .right .contain .cell .cellNav .nTab a p.pR { width: 100%; text-align: center; }
  .wrap .index .page1 .top .right .contain .cell .cellBot { margin-top: 1rem; height: auto; }
  .wrap .index .page1 .top .right .contain .cell .cellBot a { display: block; position: relative; width: 100%; text-align: center; }
  .wrap .index .page1 .cen { margin-top: 2rem; }
  .wrap .index .page1 .cen .cNav { width: 100%; margin-right: 0; margin-bottom: 1rem; }
  .wrap .index .page1 .cen .cNav:last-child { margin-bottom: 0; }
  .wrap .about .page1 .bot ul li { width: 100%; }
  .wrap .about .page1 .bot ul li p { width: 50%; float: left; text-align: center; }
  .wrap .about .page1 .bot ul li p span:after { display: none; }
  .wrap .product .page2 .cen ul li { width: 49%; }
  .wrap .product .page2 .cen ul li:nth-child(3n) { margin-right: 2%; }
  .wrap .product .page2 .cen ul li:nth-child(4n) { margin-right: 0; }
  .wrap .product .page2 .cen ul li:nth-child(2n) { margin-right: 0; }
  .wrap .case .page2 .cen ul li a p.pt { height: 129px; }
  .wrap .caseDetail .page1 .cen .left { width: 100%; }
  .wrap .caseDetail .page1 .cen .img1 { position: relative; width: auto; max-width: 100%; }
  .wrap .join .page1 .cen .left { width: 100%; display: block; height: auto; background: none; }
  .wrap .join .page1 .cen .left p { display: none; }
  .wrap .join .page1 .cen .left span { display: block; }
  .wrap .join .page1 .cen .right { width: 100%; } }
@media screen and (max-width: 330px) { .wrap .product .page2 .cen ul li { width: 100%; margin-right: 0; }
  .wrap .product .page2 .cen ul li a p.pt { height: auto; }
  .wrap .product .page2 .cen ul li a p.pt img { width: 100%; }
  .wrap .case .page2 .cen ul li { width: 100%; }
  .wrap .case .page2 .cen ul li a p.pt { height: auto; }
  .wrap .contact .page1 .bot { display: none; } }
